
<!DOCTYPE HTML>


<div class="content-main">
		<div class="widget widget-nopad">
			 <div class="content-header">
    <div class="header-inner">
      <h2 class="js-timeline-title">Skills</h2>
      
      <button ng-click="editing=true" ng-hide="editing" class="signup-btn btn pull-right time"
						type="submit" style="margin-top: -23px;">Edit</button>
	  <div class="pull-right" ng-show="editing" style="margin-top: -23px;">
	  Is Expert?
				<input type="checkbox" ng-model="user.expert">
	  <button ng-click="update()" class="signup-btn btn time"
						type="submit" >Save</button>
	  <button ng-click="editing=false" class="signup-btn btn time"
						type="submit" >Cancel</button>
      </div>
    </div>
  </div>
			<!-- /widget-header -->
			
						<div ng-show="user.expert" class="stream-container" >
    					<div class="stream home-stream">
    					
      					<ol class="stream-items" id="stream-items-id">  	
						<li class="js-stream-item stream-item stream-item expanding-stream-item" >
      	<div class="tweet original-tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable js-original-tweet  has-cards with-social-proof" >
    <span class="icon dogear"></span>
    <div class="content">
    	<form name="profileForm" ng-submit="update()">
      <input class="trending_skills" type="text" id="tagging" ui-select2="options" ng-model="selectedOptions" placeholder="Add your skill here..."/>
      <div class="form-actions">
			<!--  <button type="submit" class="signup-btn btn pull-right">Update</button> -->
	</div>
	</form>
    </div>
  </div>
							</li>
						</ol>				
						</div>
					</div>
			</div>
			<!-- /widget-content -->


<div class="content-main">
		<div class="widget widget-nopad">
			 <div class="content-header">
    <div class="header-inner">
      <h2 class="js-timeline-title">Education</h2>
      <div ng-show="editing">
      <button ng-click="addEducation()" class="signup-btn btn time pull-right"
						type="submit" style="margin-top: -23px;" >+</button>
	  </div>
    </div>
  </div>
			<!-- /widget-header -->
			
						<div class="stream-container" >
    					<div class="stream home-stream">
    					
      					<ol class="stream-items" id="stream-items-id">  	
						<li class="js-stream-item stream-item stream-item expanding-stream-item" 
						ng-repeat="education in user.educationHistory" >
      	<div class="tweet original-tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable js-original-tweet  has-cards with-social-proof" >
    <span class="icon dogear"></span>
    <div class="content" >
    <div ng-hide="editing">
    	<div class="stream-item-header">
        <div class="account-group js-account-group js-action-profile js-user-profile-link js-nav" >
    <img class="avatar js-action-profile-avatar" src="resources/img/education.png" >
    <strong class="fullname js-action-profile-name show-popup-with-id">{{education.collegeName}}</strong>
		</div>
      </div>
      <p class="js-tweet-text tweet-text"> {{education.educationType}} - {{education.yearOfCompletion}}</p>
    </div>
    <div ng-show="editing">
    
    <button ng-click="deleteEducation($index)" class="signup-btn btn time pull-right"
						type="submit" >x</button>
    	<input type="text" ng-model="education.collegeName" name="education.collegeName"/>
    	<input type="text" ng-model="education.educationType" name="education.educationType"/>
    	<input type="text" ng-model="education.yearOfCompletion" name="education.yearOfCompletion"/>
    </div>
    </div>
  </div>
							</li>
						</ol>				
						</div>
					</div>
			</div>
			<!-- /widget-content -->

<div class="content-main">
		<div class="widget widget-nopad">
			 <div class="content-header">
    <div class="header-inner">
      <h2 class="js-timeline-title">Work Experience</h2>
      <div ng-show="editing">
      <button ng-click="addWork()" class="signup-btn btn time pull-right"
						type="submit" style="margin-top: -23px;">+</button>
	  </div>
    </div>
  </div>
			<!-- /widget-header -->
			
						<div class="stream-container" >
    					<div class="stream home-stream">
      					<ol class="stream-items" id="stream-items-id">  	
						<li class="js-stream-item stream-item stream-item expanding-stream-item" 
						ng-repeat="work in user.workHistory" >
      	<div class="tweet original-tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable js-original-tweet  has-cards with-social-proof" >
    <span class="icon dogear"></span>
    <div class="content">
    <div ng-hide="editing">
    <div class="stream-item-header">
        <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" >
    <img class="avatar js-action-profile-avatar" src="resources/img/work.png" >
    <strong class="fullname js-action-profile-name show-popup-with-id">{{work.companyName}} </strong>
		</a>
      </div>
      <p class="js-tweet-text tweet-text">{{work.startDate}} - {{work.endDate}}</p>
    </div>
    <div ng-show="editing">
    <button ng-click="deleteWork($index)" class="signup-btn btn time pull-right"
						type="submit" >x</button>
    	<input type="text"  name="work.companyName" ng-model="work.companyName"/>
    	<input type="text"  name="work.startDate" ng-model="work.startDate" />
    	<input type="text"  name="work.endDate" ng-model="work.endDate"/>
    	
    </div>
    </div>
  </div>
							</li>					
						</ol>				
						</div>
					</div>
			</div>
			<!-- /widget-content -->



		
		<div class="widget widget-nopad">
			 <div class="content-header">
    <div class="header-inner">
      <h2 class="js-timeline-title">Reviews</h2>
    </div>
  </div>
			<!-- /widget-header -->
						<div class="stream-container " >
    					<div class="stream home-stream">
      					<ol class="stream-items" id="stream-items-id">  	
						
						<li class="js-stream-item stream-item stream-item expanding-stream-item" 
						ng-repeat="review in user.reviews" >	
									
      	<div class="tweet original-tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable js-original-tweet  has-cards with-social-proof" >
    <span class="icon dogear"></span>
    <div class="content">
     <div class="stream-item-header">
        <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="#/user/{{review.user.id}}" data-user-id="972651">
    <img class="avatar js-action-profile-avatar" src="{{review.user.imagePath}}" alt="{{review.user.name}}">
    <strong class="fullname js-action-profile-name show-popup-with-id">{{review.user.name}}</strong>
		</a>
      </div>
      <p class="js-tweet-text tweet-text">{{review.description}}</p>
      <fm-rating ng-model="$parent.review.rating" readonly="true"></fm-rating>
    </div>
  </div>
    				
							</li>
						</ol>
						
						</div>
					</div>
			</div>
			<!-- /widget-content -->
		</div>
		
</div>
